<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大学生网上选课系统登录</title>
    <!-- 引入 Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/model.css">
</head>
<body>

<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 70}">
    <div class="header-body">
        <div class="header-container container">
            <div class="header-row">
                <div class="header-column">
                    <div class="header-row">
                        <div class="header-logo">
                            <p><a href="front_home.html">MEOW</a>&emsp;</p><p>></p><p>&emsp;登录</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>


<div class="loginMain">

    <form class="form-horizontal" id="login">
        <div class="form-group">
            <label for="userNum" class="col-sm-2 control-label">账号</label>
            <div class="col-sm-10" id="showIdentity">
                <input type="text" class="form-control" id="userNum" placeholder="请输入账号">
                <span id="error" class="help-block" style="display: none;"></span>
                <span id="success" class="help-block" style="display: none;"></span>
            </div>
        </div>

        <div class="form-group">
            <label for="password" class="col-sm-2 control-label">密码</label>
            <div class="col-sm-10" id="showPassword">
                <input type="password" class="form-control" id="password" placeholder="请输入密码">
                <span id="error1" class="help-block" style="display: none;"></span>
                <span id="success1" class="help-block" style="display: none;"></span>
            </div>
        </div>

        <!--验证码-->
        <div class="form-group">
            <label for="code_input" class="control-label col-sm-2">验证码</label>
            <div class="col-sm-6" id="showVerify">
                <input type="text" id="code_input" name="verify" class="form-control" placeholder="请输入验证码"/>
                <span id="error2" class="help-block" style="display: none;"></span>
                <span id="success2" class="help-block" style="display: none;"></span>
            </div>
            <div class="col-sm-3">
                <div id="v_container"></div>
            </div>
        </div>

        <div class="form-group">
            <div id="submitBtn" >
                <button id="login1" type="button" class="btn btn-success btn-default">登录</button>
            </div>
        </div>

    </form>


</div>



<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- 包括所有已编译的插件 -->
<script src="js/bootstrap.min.js"></script>
<script src="js/wer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/login.js"></script>
</body>
</html>